﻿@{
    ViewBag.Title = "Home Page";
    Layout = "~/Views/Shared/_LayouHome.cshtml";
}

<script type="text/javascript">
    $(document).ready(function () {
        //var maxHeight = -1;
        //var maxHeight = $("#home-colleft").height();

        //$('.media-section').each(function () {
        //    maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
        //});

        //$('.media-section').each(function () {
        //    $(this).height(maxHeight);
        //});
    });
</script>

@Html.Partial("_PartialCarousel")
@Html.Partial("_PartialWidgets")
<div class="container body-content">
    <div class="row">
        <div id="home-colleft" class="col-md-7">
            <div class="home-left">
                <h1>No Worry No Tension Healthcare</h1>
                <ul>
                    <li>Worries and tensions?</li>
                    <li>Your brain is playing the tricks!</li>
                    <li>You need to handle it scientifically through an expert to get your life in order.</li>
                    <li>The world of modern psychiatry offers medical solutions which are as successful for treating mental problems as for diseases like high blood pressure & diabetes.</li>
                    <li>Besides medicines, professional counselling by experts & some other non professional interventions are also crucial for the complete wellbeing.</li>
                </ul>
                <h2 style="margin-top: 43px;">About No Worry No Tension</h2>
                <p>No Worry No Tension Healthcare, founded by Dr Sandeep Vohra, India’s leading Delhi-based psychiatrist, offers instant on-line professional help to millions of patients both within India and the wider world. No Worry No Tension Healthcare specialises in the Art and Science of Diagnosing and Treating Mental, Emotional and Behavioural Disorders. </p>
            </div>
            @*<div class="row">
                    <div class="col-md-5">@Html.ActionLink("Privacy Policy", "", "", new {@class ="home-register" })</div>
                    <div class="col-md-5">@Html.ActionLink("Privacy Policy", "", "", new { @class = "home-login" })</div>
                </div>*@
            <div class="row">
                <div class="col-md-12">
                    @Html.Partial("_PartialBouquet")
                </div>
            </div>
        </div>
        <div id="home-colright" class="col-md-5">
            <div class="media-section">
                <h2>Media</h2>
                @*<iframe width="420" height="315" src="//www.youtube.com/embed/7iXH3Zybjws" frameborder="0" allowfullscreen></iframe>*@
                <div class="video-img">
                    <a href="Home/Media?mediaTypeId=1&mediaId=@ViewBag.LatestMedia.MediaId">
                        <img src="@ViewBag.LatestMedia.ImagePath" /></a>
                </div>
                <h2>Testimonial</h2>
                <ul class="testimonial">
                    <!-- ko foreach: $root.testimonials-->
                    <li><span><label data-bind="text:moment($data.CreatedOn).format('DD-MMM-YYYY')"></label> - <span data-bind="text:$data.Header1"></span></span><span data-bind="text:$data.Header2"></span><a class="lnk-more" href="Testimonial/" data-bind="attr:{href:('Home/Media?mediaTypeId=4&mediaId='+$data.MediaId)}" title="more..."></a></li>
                    <!-- /ko -->
                    @*<li><span><label>Apr 21, 2014</label> - Dr Sandeep Vohra</span>Program(Gender Discourse ) on Lok Sabha Television. <a class="lnk-more" href="Testimonial/" title="more..."></a> </li>*@
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var testimonials = [@Html.Raw(Json.Encode(ViewBag.Testimonials))];
    testimonials = testimonials[0];

    function ViewModel(testimonials) {
        self = this;

        self.testimonials = testimonials;
    }
    var viewModel = new ViewModel(testimonials);

    ko.applyBindings(viewModel);
</script>
